<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width , initial-scale=1.0">

    <title>Countdown to leaving work</title>
</head>
<script src="./timer.js"></script>
<style>
    @import url('./timer.css');
</style>

<body>
    <div class="blank">
        <div id="time-board" class="time-board">
            <div class="time-board-row">
                <div>当前时间</div>
                <div><span id="cd"></span></div>
            </div>
            <div class="time-board-row">
                <div>下班时间</div>
                <div>
                    <div id="ld"></div>
                </div>
            </div>
            <div class="time-board-row">
                <div>距离下班还有</div>
                <div id="maintain">
                    分钟</div>
            </div>
        </div>
        <div id="info" class="info">
            <!-- <i class="notice">notice:</i> -->
            <div class="btn-field">
                <div class="btn" onclick="goOtherPage()">☆小窗口</div>
                <div class="btn" onclick="openDesc()" data-type="user">★代码说明</div>
                <div class="btn">
                    <span target="_blank" onclick="goQGroup()">☆联系我</span>
                </div>
                <div class="btn">
                    <!-- <span target="_blank" onclick= href"https://qm.qq.com/cgi-bin/qm/qr?k=SpKfk67kxFoHebbEMk538AFsowcb3Yxd&jump_from=webapi">☆联系我</span> -->
                    <span target="_blank" onclick="goGitee()">★源代码</span>
                </div>
                <!-- <div class="btn" onclick="openDesc()" data-type="dev">☆</div> -->
            </div>
            <div class="t">ctrl+鼠标滚轮调整合适的缩放大小</div>
            <div class="t">请在链接内带上自己的下班时间 示例：http://cosmicsoda.club/Countdown2LeavingWork/?hour=17&min=30</div>

        </div>
        <div onclick="closeDesc()" id="desc" class="desc">
            <!-- <div onclick="closeDesc()" id="desc" class="desc"> -->
            <div class="desc-field">
                <div>简单粗暴的原生js</div>
                <div>配色参考CodePen项目 https://codepen.io/soufiane-khalfaoui-hassani/pen/LYpPWda</div>
                <div>字体来自GoogleFonts</div>
                <div>背景来自SVG生成器 http://www.heropatterns.com/</div>
            </div>
        </div>
    </div>
</body>

</html>